<%- include('layout/header', { title: '微博 - 个人主页', isNav: true, list: true })%>

<div class="container margin-top-20">
  <div class="row">
    <!-- 左侧 -->
    <div class="col-8">
      <h4 class="margin-bottom-20 padding-bottom-10 border-bottom">个人空间</h4>

      <% if (blogData.isEmpty) { %>
        <div>
          <center>暂无数据</center>
        </div>
      <% } else { %>
        <!-- 微博列表 第一页 -->
        <div id="container-weibo-list" class="weibo-list">
          <%- include('widgets/blog-list', {
            blogList: blogData.blogList
          })%>
        </div>
        <!-- 加载更多 -->
        <% if (blogData.count > blogData.blogList.length) { %>
          <%- include('widgets/load-more', {
            pageSize: blogData.pageSize,
            pageIndex: blogData.pageIndex,
            count: blogData.count,
            containerSelector: '#container-weibo-list',
            api: '/api/profile/loadMore/' + userData.userInfo.userName,
          })%>
        <% } %>
      <% } %>
    </div>

    <!-- 右侧 -->
    <div class="col-4">
      <!-- 个人信息 -->
      <div class="right-item">
        <%- include('widgets/user-info', {
          userInfo: userData.userInfo,
          isMe: userData.isMe,
          amIFollowed: userData.amIFollowed,
          atCount: userData.atCount
        });%>
      </div>

      <!-- 粉丝 -->
      <%- include('widgets/fans', {
        count: userData.fansData.count,
        userList: userData.fansData.list
      })%>

      <!-- 关注 -->
      <%- include('widgets/followers', {
        count: userData.followersData.count,
        userList: userData.followersData.list
      })%>
    </div>
  </div>
</div>

<%- include('layout/footer')%>
